<!-- /components/index/tab-content-featured.vue -->
<template>
	<view class="tab-content-wrapper">
		<WaterfallPosts 
			:left-list="leftList" 
			:right-list="rightList" 
			:active-long-press-post-id="activeLongPressPostId"
			@itemClick="$emit('itemClick', $event)"
			@like="$emit('like', $event)"
			@longPress="$emit('longPress', $event)"
			@touchEnd="$emit('touchEnd')"
		/>
		<u-loadmore :status="loadStatus" bg-color="rgba(255, 255, 255, 0.5)" />
	</view>
</template>

<script>
// 引入需要的子组件
import WaterfallPosts from '@/components/index/waterfall-posts/waterfall-posts.vue';

export default {
	name: 'TabContentFeatured',
	components: { WaterfallPosts },
	props: {
		// 从父组件(index.vue)接收所需的数据
		leftList: Array,
		rightList: Array,
		activeLongPressPostId: [String, Number],
		loadStatus: String
	},
	// 这个组件内部可以有自己的逻辑，但在这个场景下，数据由父组件管理
}
</script>

<style scoped>
.tab-content-wrapper {
	/* 可以添加一些通用样式，例如padding */
	padding-top: 20rpx;
}
</style>